/*
 *  埼玉ダイハツ カスタマイズ用スタイル
 *
 */

/******************************
  * 会社概要
  ******************************/

  .profile .accessInfo {
    margin: 40px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
  }
  
  @media only screen and (max-width:1279px) {
    .profile .accessInfo {
      margin: 2.8vw 0 0
    }
  }
  
  @media only screen and (max-width:499px) {
    .profile .accessInfo {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: 5.2vw 0 0
    }
  }
  
  .profile .accessInfo .leftCol {
    -ms-flex-preferred-size: 485px;
    flex-basis: 485px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 485px;
    margin-right:40px;

  }
  
  @media only screen and (max-width:1279px) {
    .profile .accessInfo .leftCol {
      -ms-flex-preferred-size: 36.75vw;
      flex-basis: 36.75vw;
      max-width: 36.75vw;
    }
  }
  
  @media only screen and (max-width:499px) {
    .profile .accessInfo .leftCol {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      max-width: 100%
    }
  }
  
  .profile .accessInfo .rightCol {
    -ms-flex-preferred-size: 485px;
    flex-basis: 600px;
    max-width: 600px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
  }
  
  @media only screen and (max-width:1279px) {
    .profile .accessInfo .rightCol {
      -ms-flex-preferred-size: 36.75vw;
      flex-basis: 45.75vw;
      max-width: 45.75vw
    }
  }
  
  @media only screen and (max-width:499px) {
    .profile .accessInfo .rightCol {
      margin: 5.2vw 0 0;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      max-width: 100%
    }
  }
  
  .profile .accessInfo .addresstel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .profile .accessInfo .addresstel+.addresstel {
    margin: 0.5em 0 0
  }
  
  .profile .accessInfo .addresstel dt {
    font-weight: 700;
    -ms-flex-preferred-size: 5em;
    flex-basis: 5em;
    max-width: 5em;
    -ms-flex-negative: 0;
    flex-shrink: 0
  }
  
  @media only screen and (max-width:1279px) {
    .profile .accessInfo .cartrain {
      margin: 2em 0 0
    }
  }

  .profile .accessInfo .cartrain+.cartrain {
    margin: 0.5em 0 0
  }
  
  .profile .accessInfo .cartrain dt:before {
    content: "<"
  }
  
  .profile .accessInfo .cartrain dt:after {
    content: ">"
  }
  
  .profile .accessInfo .cartrain dd {
    text-align: justify
  }

    .component-content .custom-map {
        margin: 40px 0 0;
        background: #dcdcdc;
        height: 500px;
    }
    @media only screen and (max-width: 1279px){
        .component-content .custom-map {
            margin: 2.8vw 0 0;
            height: 35vw;
        }
    }
    @media only screen and (max-width: 499px){
        .component-content .custom-map {
            margin: 5.2vw 0 0;
            height: 65vw;
        }
    }